/* 外圆大小 */
@load1Wh: 22px;
/* border大小 */
@load1Border: 2px;
/* 内圆大小 */
@load1BallWh: 6px;

.bottom_loading_box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  .box_left {
    padding: 0 6px;
    &.left {
      position: relative;
      left: 8px;
    }
  }
  .box_right {
	  display: flex;
	  align-items: center;
    .loading {
      position: relative;
      width: @load1Wh;
      height: @load1Wh;
      margin: 0 auto;
      border: @load1Border solid #666666;
      border-radius: 100%;
      .ball_holder {
        position: absolute;
        width: 12px;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        animation: loading1 1.3s linear infinite;
        .ball {
          position: absolute;
          left: 0;
          top: 1px;
          width: @load1BallWh;
          height: @load1BallWh;
          border-radius: 100%;
          background: #666666;
        }
      }
    }
  }
  .no-data{
	width: 100%;
	padding-top: 100upx;
	display: flex;
	align-items: center;
	flex-flow: column;
	justify-content: center;
  	image{
  		width: 200upx;
  		height: 200upx;
  	}
	text{
		padding-top: 30upx;
		color: #808080;
	}
  }
}

@keyframes spWaveAf {
  from {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  to {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes spWaveBe {
  from {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
    opacity: 0;
  }
}

@keyframes loading1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}